<script setup>

    
    import { ref } from 'vue';

    // vue3 + 组合式api + 非响应式数据
    const count = ref(0);
    
    const increase = () => {
        count.value++;
    };

    const decrease = () => {
        count.value--;
    };
</script>

<template>
  <div>
    <button @click="decrease()">-</button> {{ count }} <button @click="increase()">+</button>

    <p>xxxxxx</p>
  </div>
</template>

<style scoped>
   @import '../css/index.css'
   /* scoped 当前的vue组件有效 */
    /* p{
        color:red;
    } */
</style>